//window.onload = init;
var nPersonasRanking=10;
var nResultadosRanking=1;
var pagina=0;
var primeraCarga=true;

//function init() {
$(document).ready(function (){
	//var anterior=document.getElementById("anterior");
	//var siguiente=document.getElementById("siguiente");
	//var submit_rank=document.getElementById("submit_rank");
	
	cargarPagina(pagina);
	
	//anterior.onclick=function(){
	$('#anterior').click(function (){
		if(pagina>0){
			pagina--;
			cargarPagina(pagina);
		}
		$('#ir_pagina').attr('placeholder',pagina);
	//};
	});
	
	//siguiente.onclick=function(){
	$('#siguiente').click(function (){
		if(pagina*nPersonasRanking<nResultadosRanking-10){
			pagina++;
			cargarPagina(pagina);
		}
		$('#ir_pagina').attr('placeholder',pagina);
	//};
	});
	
	//submit_rank.onclick=function(){
	$('#submit_rank').click(function (){
		//var texto_rank=document.getElementById("busqueda_rank");
		var datos = {
			//nombre: texto_rank.value,
			nombre: $('#busqueda_rank').val()
		}
		if(datos.nombre!=""){
			myAjaxRules.ejecutarAJAX({
				method: "GET",                
				url:"./includes/rankingBuscar.php", 
				funcionRespuesta: cargarTabla,
				JSObject:datos,                               
				palabraBloqueo: "ranking_buscar",
				//fnProgreso: progresoLoadCategoria,
				//selectorThis: event.target,
				//fnVerMensaje: function (msg) {console.log(msg)},
				descripcion: "Buscando usuario...",
				autoCierreAlertas: false,               
				//ajaxTimeout: 7000,
				reglasBloqueo: [
	                [{
	                    permitir: false,
	                    regExp: new RegExp ("ranking_anterior")
	                },
	                {
	                    permitir: false,
	                    regExp: new RegExp ("ranking_siguiente")
	                },
	                {
	                    permitir: false,
	                    regExp: new RegExp ("ranking_buscar")
	                },
	               ]]
			});
		}
		return false;
	//};
	});
	
	var ir_pagina=$('#ir_pagina');
	ir_pagina.change(function (){
		if(ir_pagina.val()<nResultadosRanking/10 || ir_pagina.val()<pagina){
			pagina=ir_pagina.val();
			cargarPagina(0);
		}else alert("Página no encontrada");
	});
//}
});

function cargarTabla(respuesta){
	if(respuesta=="noExiste"){
	 	alert("El usuario no existe");
	}else{
		var ranking = JSON.parse(respuesta);
		nResultadosRanking=ranking[ranking.length-1];
		var html="";
		//Cargo el podium solo si es la primera pagina
		if(primeraCarga){
			podium(ranking[0][0],ranking[1][0],ranking[2][0]);
			primeraCarga=false;
		}
		//-------
		for (var i=0; i<ranking.length-1; i++){
			if(ranking[i]!=null){
				html+="<div class='side_contenedor'>";
					html+="<span class='spanPos' style='padding-top:5px'><b>";
						if(((pagina*10)+i+1)<10) html+="&nbsp;&nbsp;";
						html+=(pagina*10)+i+1;
					html+="</b></span>";
					html+="<span class='spanUser' style='padding-top:5px'>";
						html+="<img src='./img/iconos-128/user.png' width='20px'/>";
						html+=" "+ranking[i][0];
					html+="</span>";
					html+="<span class='spanRank' style='padding-top:5px'>";
						html+=" "+ranking[i][1]+"&nbsp;&nbsp;";
						html+="<img src='./img/iconos-128/chart.png' width='20px' />";
					html+="</span>";
				html+="</div>";
			}
		}
		//var tabla=document.getElementById("contenedor_lista");
		//tabla.innerHTML=html;
		$('#contenedor_lista').html(html);
	}
}

function podium (primero,segundo,tercero){
	//var p1=document.getElementById("podium_primero");
	//var p2=document.getElementById("podium_segundo");
	//var p3=document.getElementById("podium_tercero");
	//p1.innerHTML=primero;
	//p2.innerHTML=segundo;
	//p3.innerHTML=tercero;
	$('#podium_primero').html(primero);
	$('#podium_segundo').html(segundo);
	$('#podium_tercero').html(tercero);
}

function cargarPagina(numPagina){
	var datos = {
		pag: numPagina,
		maximo: nPersonasRanking
	}
	//Cargar la primera página el entrar en el ranking
	myAjaxRules.ejecutarAJAX({
		method: "GET",                
		url:"./includes/rankingGET.php", 
		funcionRespuesta: cargarTabla,
		JSObject:datos,                               
		palabraBloqueo: "ranking_anterior",
		//fnProgreso: progresoLoadCategoria,
		//selectorThis: event.target,
		//fnVerMensaje: function (msg) {console.log(msg)},
		descripcion: "Cargando el ranking...",
		autoCierreAlertas: false,               
		//ajaxTimeout: 7000,
		reglasBloqueo: [
            [{
                permitir: false,
                regExp: new RegExp ("ranking_anterior")
            },
            {
                permitir: false,
                regExp: new RegExp ("ranking_siguiente")
            },
            {
                permitir: false,
                regExp: new RegExp ("ranking_buscar")
            },
           ]]
	});
}
